@charset "utf-8";
//像素比除以2
@function p($px){
    @return $px/2+px;
}
//主体内容
section{
    width: 100%;
    display: block;
    //按钮部分
    .sec_btn{
        width: 100%;
        height: p(70);
        padding-top: p(10);
        background: #e7e7e7;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-around;
    //删除帮购
    .shanchubanggou{
        width: p(305);
        height: p(50);
        background: #fff;
        border: p(1) solid #1074ae;
        border-radius: p(4);
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        .del{
            width: p(22);
            height: p(22);
            overflow: hidden;
            display: flex;
            img{
                width: 100%;
            }
        }
        span{
            font-size: p(22);
            line-height: p(22);
            color: #1074ae;
            display: flex;
            margin-left: p(5);
        }
    }
    //分享
    .fenxiang{
        width: p(305);
        height: p(50);
        background: #fff;
        border: p(1) solid #1074ae;
        border-radius: p(4);
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        
        .share{
            width: p(23);
            height: p(23);
            overflow: hidden;
            display: flex;
            img{
                width: 100%;
            }
        }
        span{
            font-size: p(22);
            line-height: p(22);
            color: #1074ae;
            display: flex;
            margin-left: p(9);
        }
    }
    }
    //内容部分
    .sec_pass{
        width: 100%;
        height: p(185);
        display: flex;
        flex-wrap: nowrap;
        border: p(1) solid #cdccd0;
        justify-content: space-around;
        align-items: center;
        background: #fff;
        .sec_pass_left{
            width: p(119);
            height: p(123);
            overflow: hidden;
            display: flex;
            align-items: center;
            img{
                width: 100%;
            }
        }
        .sec_pass_middle{
            width: p(311);
            height: p(150);
            display: flex;
            flex-wrap: wrap;
            flex-direction: column;
//           align-self: center;
            >p:nth-child(1){
                font-size: p(26);
                line-height: p(26);
                color: #5c5c5c;
                align-self: flex-start;
            }
            >p:nth-child(2){
             font-size: p(26);   
             line-height: p(26);
             color: #eb7575;
             margin-top: p(48);
            }
            .like{
                width: p(130);
                height: p(43);
                background: #fff;
                border: p(1) solid #1074ae;
                border-radius: p(4);
                display: flex;
                flex-wrap: wrap;
                justify-content: space-around;
                align-items: center;
                align-self: flex-end;
                .like_img{
                    width: p(27);
                    height: p(24);
                    overflow: hidden;
                    display: flex;
                    img{
                        width: 100%;
                        }
                }
                >p{
                    font-size: p(20);
                    color: #5c5c5c;
                    line-height: p(20);
                }
            }
        }
        .sec_pass_right{
            width: p(46);
            height: p(71);
//          display: flex;
            .sec_pass_right_img{
                width: p(46);
                height: p(46);
                overflow: hidden;
                img{
                    width: 100%;
                }
            }
            >p{
                font-size: p(20);
                color: #eb7575;
                white-space: nowrap;
            }
        }
    }
    //文本框部分
    .sec_txt{
        width: 100%;
        height: p(301);
        background: #e7e7e7;
        border-top: p(1) solid #cdccd0;
        position: fixed;
        bottom: 0;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-around;
        .sec_txt_left{
            width: p(62);
            height: p(93);
            margin: 0 p(21);
            margin-top: p(10);
            
            .txt_left_img{
                width: p(62);
                height: p(62);
                overflow: hidden;
                img{
                    width: 100%;
                    border-radius: 50%;
                }
            }
            >p{
                font-size: p(24);
                color: #5c5c5c;
                display: flex;
                justify-content: center;
            }
        }
        .sec_txt_right{
            width: p(525);
            height: p(280);
            position: relative;
            .right_top{
                width: p(525);
                height: p(37);
                border: p(1) solid #cdccd0;
                background: #fff;
                border-radius: p(5);
                font-size: p(24);
                color: #383838;
                padding-left: p(12);
                margin-top: p(10);
            }
            textarea{
                width: p(525);
                height: p(233);
                border: p(1) solid #cdccd0;
                background: #fff;
                border-radius: p(5);
                font-size: p(24);
                color: #383838;
                resize: none;
                padding-top: p(12);
                padding-left: p(12);
                margin-top: p(10);
            }
            .textarea_img{
               
                    width: p(19);
                    height: p(21);
                    overflow: hidden;
                    position: absolute;
                    bottom: p(8);
                    right: p(12);
                     display: flex;
                    img{
                        width: 100%;
                    }
               
            }
        }
    }
}
//帮购评论者
.section2{
    width: 100%;
    display: none;
//  display: none;
    
    .sec2_tit{
        width: 100%;
        height: p(72);
        display: flex;
        justify-content: center;
        margin-top: p(10);
        .muban{
            width: p(620);
            height: p(52);
            background: #fff;
            border: p(1) solid #cdccd0;
            display: flex;
            justify-content: center;
            align-items: center;
            p{
                font-size: p(22);
                color: #5c5c5c;
            }
        }
    }
    //内容部分
    .sec2_pass{
        width: 100%;
        height: p(185);
        display: flex;
        flex-wrap: nowrap;
        border: p(1) solid #cdccd0;
        justify-content: space-around;
        align-items: center;
        background: #fff;
        .sec2_pass_left{
            width: p(119);
            height: p(123);
            overflow: hidden;
            display: flex;
            align-items: center;
            img{
                width: 100%;
            }
        }
        .sec2_pass_middle{
            width: p(456);
            height: p(150);
            display: flex;
            flex-wrap: wrap;
//          flex-direction: column;
//           align-self: center;
            >p:nth-child(1){
                font-size: p(24);
                line-height: p(24);
                color: #5c5c5c;
                align-self: flex-start;
            }
            >p:nth-child(2){
                font-size: p(18);
                line-height: p(27);
                color: #5c5c5c;
                margin-top: p(10);
                padding-left: p(10);
//              align-self: flex-start;
            }
            >p:nth-child(3){
             font-size: p(26);   
             line-height: p(26);
             color: #eb7575;
             margin-top: p(15);
            }
            #check2{
                display: none;
            }
            #check:checked ~ .mobile .section2{
                display: block;
            }
            .like{
                width: p(150);
                height: p(43);
                background: #fff;
                border: p(1) solid #1074ae;
                border-radius: p(4);
                display: flex;
                margin-left: p(238);
                flex-wrap: wrap;
                justify-content: space-around;
                align-items: center;
                align-self: flex-end;
                .like1_img{
                    width: p(27);
                    height: p(24);
                    overflow: hidden;
                    display: flex;
                    img{
                        width: 100%;
                        }
                }
                .like2_img{
                    width: p(27);
                    height: p(24);
                    overflow: hidden;
                    display: flex;
                   
                    img{
                        width: 100%;
                        }
                }
                >p{
                    font-size: p(20);
                    color: #5c5c5c;
                    line-height: p(20);
                }
            }
            
            .like:hover{
                 background: #1c7bb2;
                 .like1_img{
                     display: none;
                 }
                 .like2_img{
                     display: flex;
                 }
                  >p{
                    font-size: p(20);
                    color: #fff;
                    line-height: p(20);
                }
            }
        }
    }
    //文本框部分
    .sec2_txt{
        width: 100%;
        height: p(301);
        background: #e7e7e7;
        border-top: p(1) solid #cdccd0;
        position: fixed;
        bottom: 0;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-around;
        .sec2_txt_left{
            width: p(62);
            height: p(93);
            margin: 0 p(21);
            margin-top: p(10);
            
            .txt_left_img{
                width: p(62);
                height: p(62);
                overflow: hidden;
                img{
                    width: 100%;
                    border-radius: 50%;
                }
            }
            >p{
                font-size: p(24);
                color: #5c5c5c;
                display: flex;
                justify-content: center;
            }
        }
        .sec2_txt_right{
            width: p(525);
            height: p(280);
            margin-right: p(10);
            position: relative;
            textarea{
                width: p(525);
                height: p(233);
                border: p(1) solid #cdccd0;
                background: #fff;
                border-radius: p(5);
                font-size: p(24);
                color: #383838;
                resize: none;
                padding-top: p(12);
                padding-left: p(12);
                margin-top: p(10);
            }
            .fabiao{
               
                    width: p(114);
                    height: p(43);
                    overflow: hidden;
                    position: absolute;
                    right: p(2);
                    background: #171b38;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    p{
                        font-size: p(26);
                        color: #fff;
                    }
               
            }
        }
    }
}
